::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
	background-color: rgba(128, 128, 128, .1);
}
 
::-webkit-scrollbar-thumb {
	background-color: rgba(128, 128, 128, .2);
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(128, 128, 128, .4);
}

body {
	font: 12px/1.5 "Segoe UI", "Lucida Grande", "Droid Sans", sans-serif;
	margin: 0;
}

table {
	border-collapse: collapse;
	font-size: 12px;
	line-height: 23px;
	width: 100%;
}

body.pc th:nth-child(3), body.pc td:nth-child(3) {
	display: none;
}

body.mac th:nth-child(2), body.mac td:nth-child(2) {
	display: none;
}

th {
	border: 1px solid rgba(128, 128, 128, .1);
	background-color: rgba(128, 128, 128, .05);
	font-weight: normal;
	padding: 0 5px;
}

td {
	padding: 2px 5px;
}

kbd {
	display: inline-block;
	font: inherit;
	min-width: 15px;
	padding: 0 5px;
	position: relative;
	text-align: center;	
}

kbd.ctrl, kbd.alt, kbd.shift {
	min-width: 30px;
}

kbd:before {
	background: #EFF0F2;
	content: "";
	border-radius: 4px;
	border-top: 1px solid #F5F5F5;
	box-shadow: inset 0 0 25px #E8E8E8, 0 1px 0 #C3C3C3, 0 2px 0 #C9C9C9, 0 2px 3px #333;
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	z-index: -1;
}

body.dark kbd:before {
	-webkit-filter: invert(100%);
}

.sep {
	margin: 0 25px 0 5px;
}